<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
<link rel="stylesheet" type="text/css" href="${project_name}/css/head.css"/>
		<link rel="stylesheet" type="text/css" href="${project_name}/css/index.css"/>
		<link rel="stylesheet" type="text/css" href="${project_name}/css/footer.css"/>
		<script src="${project_name}/js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
		<script src="${project_name}/js/slider.js" type="text/javascript" charset="utf-8"></script>

	  	<script>
			$(() => {
				$("#search-button").click(() => {
					let keyword = $("#search-text").val();

					if (keyword.length > 0) {
						location = "${project_name}/product/like/" + keyword + "/1"
					}



				})

				$("#search").submit(() => {
					return false
				})
			})
		</script>
  </head>
  
  <body>
    		<!--顶部公用-->
		<div class="header">
		<!--顶部导航-->
			<jsp:include page="public_top.jsp"></jsp:include>
		    <!--搜索-->
		    <div class="full_sc">
	    	    <div class="w1200 header_conter">
	    		    <div class="h_c_logo">
	    			    <a href="${project_name}/index.jsp">
	    				    <img src="${project_name}/image/logo1.png"/>
	    			    </a>
	    		    </div>
	    		    <div class="h_c_bz">
	    			    <img src="${project_name}/image/top_center.jpg" style="width: 467px;height: 29px;"/>
	    		    </div>
	    		    <div class="h_c_search">
	    			    <div class="search_input">
	    			    	<form id="search" action="${project_name}/product/like" method="post">
	    			    		<input required id="search-text" type="text" style="color: rgb(102, 102, 102);" name="keyword" class="text_search" placeholder="limu 胶原蛋白" value=""  />
	    			    		<input id="search-button" type="submit" class="btn_search" value="搜索"/>
	    			    	</form>
	    			    </div>
	    		    </div>
	    	    </div>
	        </div>
		    <!--菜单-->
		    <div class="full_nav">
		    	<div class="w1200">
		    		<ul class="nav">
		    			<li class="li_all_type">
		    				<a href="">全部分类</a>
		    				<b class="b_down"></b>
		    			</li>
		    		</ul>
		    	</div>
	        </div>
		</div>
  </body>
</html>
